
body {
	background: #fff;
}

.catalog-wrapper {
	font-size: .27rem;
	padding-bottom: 1rem;

	.catalog-title {
		margin: .7rem .3rem 0;
	    font-size: .37rem;
	    color: #333;
	    font-family: sans-serif;
	    text-align: right;
	}

	.catalog-item {
		background: #fff;
	    padding: .3rem;
	    border-radius: .03rem;
	    margin: .3rem .3rem 0 .3rem;
	    border: 1px solid #ddd;

	    .i-icon {
	    	width: 1rem;
	    	height: 1rem;
	    	border-radius: 50%;
	    	margin-right: .2rem;
	    	-webkit-animation: rotateHome 3s cubic-bezier(0,0,1,1) infinite;
	    	animation: rotateHome 3s cubic-bezier(0,0,1,1) infinite;
		}

		.i-title {
			font-size: .32rem;
			color: #333;
		}

		.i-desc {
			color: #aaa;
			margin-top: .1rem;
		}
	}

	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	
}

@-webkit-keyframes rotateHome {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotateHome {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}